<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<header></header>
		<div class="container">
			<ul class="clearfix">
				<li>
					<img src="img/tv.jpg"/>
					<span class="imgtitle">
						我的tv
					</span>
				</li>
				<li>
					<img src="img/vod.jpg"/>
					<span class="">
						我的vod
					</span>
				</li>
			</ul>
			<div class="mainVodInfo ">
				<aside>
					<div>
						栏目一
					</div>
					<div>
						栏目二
					</div>
					<div>
						栏目三
					</div>
					<div>
						栏目四
					</div>
				</aside>
				<section >
					<div class="vod-content clearfix">
						<div class="panel-body p-t-30 p-b-30 text-center">
							<a href="#vod1" class="product-item">
								<img src="img/vod.jpg" class="img-responsive center-block" alt="" />
							</a>

							<a href="product-details.html">
								<h5 class="m-tb-20">Staro-One</h5>
							</a>
						</div>
						<div class="panel-body p-t-30 p-b-30 text-center">
							<a href="#vod1" class="product-item">
								<img src="img/vod.jpg" class="img-responsive center-block" alt="" />
							</a>

							<a href="product-details.html">
								<h5 class="m-tb-20">Staro-One</h5>
							</a>
						</div>
						<div class="panel-body p-t-30 p-b-30 text-center">
							<a href="#vod1" class="product-item">
								<img src="img/vod.jpg" class="img-responsive center-block" alt="" />
							</a>

							<a href="product-details.html">
								<h5 class="m-tb-20">Staro-Two</h5>
							</a>
						</div>
						<div class="panel-body p-t-30 p-b-30 text-center">
							<a href="#vod1" class="product-item">
								<img src="img/vod.jpg" class="img-responsive center-block" alt="" />
							</a>

							<a href="product-details.html">
								<h5 class="m-tb-20">Staro-Three</h5>
							</a>
						</div>
						<div class="panel-body p-t-30 p-b-30 text-center">
							<a href="#vod1" class="product-item">
								<img src="img/vod.jpg" class="img-responsive center-block" alt="" />
							</a>

							<a href="product-details.html">
								<h5 class="m-tb-20">Staro-Four</h5>
							</a>
						</div>
						<div class="panel-body p-t-30 p-b-30 text-center">
							<a href="#vod1" class="product-item">
								<img src="img/vod.jpg" class="img-responsive center-block" alt="" />
							</a>

							<a href="product-details.html">
								<h5 class="m-tb-20">Staro-Five</h5>
							</a>
						</div>
						<div class="panel-body p-t-30 p-b-30 text-center">
							<a href="#vod1" class="product-item">
								<img src="img/vod.jpg" class="img-responsive center-block" alt="" />
							</a>

							<a href="product-details.html">
								<h5 class="m-tb-20">Staro-Six</h5>
							</a>
						</div>
					</div>
					<div class="page-down">
						上一页
					</div>
					<div class="page-down">
						下一页
					</div>
				</section>
			</div>
		</div>
	</body>
</html>
